

<HTML>
<HEAD>
<TITLE>Tenth Test of Section 10.1 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#div1 {position: absolute; left: 50px; top: 50px }
#em1 {position: absolute; left: 100px; top: 100px }





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Tenth Testable Statement of Sec 10.1 of CSS2 Specification
</h1>


<ul>
<li  >
10. The position and size of an element's box(es) are sometimes computed
relative to a certain rectangle, called the containing block of the element.
</ul>




<h2 >
PASS CRITERIA (overlapping lines):
</h2>
<p id="div1" >
If statement #10 above is passed, then
this paragraph should be in the "body" containing block (initial).
The rule applied is "#div1 {position: absolute; left: 50px; top: 50px }".
This <em id="em1">emphasized text</em> should be in the "div1" containing
block.
THe rule applied is "#em1 {position: absolute; left:100px; top: 100px; }".
<p>



All other properties of this page should be UA-default.


</BODY>
</HTML>

